<!DOCTYPE html>
<html lang="en">
<html>
<head>
  <meta charset="UTF-8">
  <title>测试台统计分析</title>

  <link th:href="@{/css/aircraft.css}" rel="stylesheet"/>

</head>
<body>
<div id="datav" onload="">
  <dv-full-screen-container>
    <dv-border-box-11 title="测试实时看板">
      <div id="container">
        <div class="left_container" >
          <dv-border-box-8>
            <div class="testbench" id="zhufeikong">
              <div class="bench bench-header"  style="">
                <div class="left-header">
                  主飞控测试台
                </div>
                <div class="middle-header">产量</div>
                <div class="righ-header">
                  共计：<span th:text="${zhufeikong_total}" id="zhufeikong_total"></span>件
                </div>
              </div>
              <div class="bench bench-container" style="">
                <div class="b_left-container">
                  <dv-charts :option="zhufeikong1" class="zhuxingtu" />
                </div>
                <div class="b_righ-container">
                  <div class="bingtu">
                    <dv-active-ring-chart :config="zhufeikong2" class="bingtu"  style="width:100%;height:100%;" />
                  </div>
                  <div class="time_interval">
                    <span th:text="${time_interval1}" id="time_interval1"></span>
                  </div>

<!--                  <dv-charts :option="zhufeikong2" class="bingtu"/>-->
                </div>
              </div>
            </div>
            <div class="jiange" >
              <dv-decoration-2 style="width: 96%;padding: 0 2%;height: 1px;"  />
            </div>
            <div class="testbench" id="zuodongtong" >
              <div class="bench bench-header" >
                <div class="left-header">
                  作动筒测试台
                </div>
                <div class="middle-header">产量</div>
                <div class="righ-header">
                  共计：<span th:text="${zuodongtong_total}" id="zuodongtong_total"></span>件
                </div>
              </div>
              <div class="bench bench-container">
                <div class="b_left-container">
                  <dv-charts :option="zuodongtong1"  class="zhuxingtu"  />
                </div>
                <div class="b_righ-container">
                  <div class="bingtu">
                    <dv-active-ring-chart :config="zuodongtong2" class="bingtu"  style="width:100%;height:100%;" />
                  </div>
                  <div class="time_interval">
                    <span th:text="${time_interval2}" id="time_interval2"></span>
                  </div>
<!--                  <dv-charts :option="zuodongtong2" />-->
                </div>
              </div>
            </div>
            <div class="jiange" >
              <dv-decoration-2 style="width: 96%;padding: 0 2%;height: 1px;"  />
            </div>
            <div class="testbench" id="yeyafa" >
              <div class="bench bench-header" >
                <div class="left-header">
                  液压阀测试台
                </div>
                <div class="middle-header">产量</div>
                <div class="righ-header">
                  共计：<span th:text="${yeyafa_total}" id="yeyafa_total"></span>件
                </div>
              </div>
              <div class="bench bench-container">
                <div class="b_left-container">
                  <dv-charts :option="yeyafa1"  class="zhuxingtu"  />
                </div>
                <div class="b_righ-container">
                  <div class="bingtu">
                    <dv-active-ring-chart :config="yeyafa2" class="bingtu" style="width:100%;height:100%;" />
                  </div>
                  <div class="time_interval">
                    <span th:text="${time_interval3}" id="time_interval3"></span>
                  </div>

<!--                  <dv-charts :option="yeyafa2" class="bingtu" />-->
                </div>
              </div>
            </div>
<!--            <div class="testbench_bottom"></div>-->
          </dv-border-box-8>
        </div>
        <div class="right_container" >
          <dv-border-box-10>
            <div class="component_details right-header" >
              <div class="right-column1" >主飞控测试台</div>
              <div class="right-column2" >作动筒测试台</div>
              <div class="right-column3">液压阀测试台</div>
            </div>
            <div class="component_details right-img" >
              <div class="right-column1" ><img alt="主飞控" src="/img/zhufeikong.png"></div>
              <div class="right-column2" ><img alt="作动筒"  src="/img/zuodongtong.png"></div>
              <div class="right-column3"><img alt="液压阀"  src="/img/yeyafa.png"></div>
            </div>
            <div class="component_details right-introduction">
              <div  class="right-column1 introduction" style="padding-left: 2%;">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;主飞控作动器测试台的主要功能是用于对C919飞机上的主飞控作动器进行功能和性能测试，包括升降舵作动器、方向舵作动器、副翼作动器、多功能扰流板作动器。可完成的测试项目包括：搭接电阻、绝缘电阻、作动器极性、作动器液压油内泄漏、外泄漏、作动器模式选择阀、作动器进油单向阀、回油减压阀、作动器行程和LVDT增益、上偏抑制阀、EHSV LVT和零位偏移、作动器门限、作动器滞环、作动器频率响应、作动器空载速度、压力传感器、作动器间隙等测试。
              </div>
              <div class="right-column2 introduction">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;作动筒测试台主要用于对C919飞机起落架系统作动筒进行功能和性能测试，包括主起落架收放作动筒、主起落架下位锁作动筒、主起落架舱门作动筒、前起落架收放作动筒、前起落架下位锁作动筒、前起落架舱门作动筒、地面扰流板作动筒。可完成的测试项目包括：试运行、作动筒长度与行程、耐压性、外泄漏测试、内泄漏测试、动摩擦力、活塞杆运动速度、低压测试、搭接电阻等测试。
              </div>
              <div class="right-column3 introduction">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;液压阀测试台主要用于对C919飞机液压系统的部分液压阀进行功能和性能测试，包括PTU选择阀、防火切断阀、优先阀、自增压优先阀。可完成的测试项目包括：绝缘电阻、耐压、流量和压力损失、电磁阀性能测试（正常工作状态、电流、吸合电压、释放电压）、泄漏量、开启压力、复位压力、流量与压降、性能测试、全流量压力、压降、反向压降、响应时间、搭接电阻等测试。
              </div>
            </div>
            <div class="component_details right-detail" >
              <div class="right-column1 piece_details" >
                <dv-border-box-5>
                  <div class="piece_div">
                      <div class="piece-status">
                        <img th:src="${statusImg1}" id="statusImg1" />
                        <span th:text="${status1}" id="status1"></span>
                      </div>
                      <div class="piece-header">
                        <div class="piece-num">
                          <span th:text="${zhufeikong_piece_num}" id="zhufeikong_piece_num"></span>
                          <span th:text="${zhufeikong_device_name}" id="zhufeikong_device_name"></span>
                        </div>
                        <div class="piece-time"><span th:text="${zhufeikong_piece_time}" id="zhufeikong_piece_time"></span></div>
                      </div>
                      <div class="piece-tableHeader">
                        <div class="testItem">测试项</div>
                        <div class="testResult">结果</div>
                      </div>
                      <div class="piece-container">
                        <dv-scroll-board :config="piece_1" style="width:90%;height:95%;" />
                      </div>
                  </div>
                </dv-border-box-5>
              </div>
              <div class="right-column2 piece_details" >
                <dv-border-box-5>
                  <div class="piece_div">
                    <div class="piece-status"><img th:src="${statusImg2}" id="statusImg2"/>&nbsp;<span th:text="${status2}" id="status2"></span></div>
                    <div class="piece-header">
                      <div class="piece-num">
                        <span th:text="${zuodongtong_piece_num}" id="zuodongtong_piece_num"></span>
                        <span th:text="${zuodongtong_device_name}" id="zuodongtong_device_name"></span>
                      </div>
                      <div class="piece-time"><span th:text="${zuodongtong_piece_time}" id="zuodongtong_piece_time"></span></div>
                    </div>
                    <div class="piece-tableHeader">
                      <div class="testItem">测试项</div>
                      <div class="testResult">结果</div>
                    </div>
                    <div class="piece-container">
                      <dv-scroll-board :config="piece_2" style="width:90%;height:95%;" />
                    </div>
                  </div>
                </dv-border-box-5>
              </div>
              <div class="right-column3 piece_details">
                <dv-border-box-5>
                  <div class="piece_div">
                    <div class="piece-status"><img th:src="${statusImg3}" id="statusImg3"/>&nbsp;<span th:text="${status3}" id="status3"></span></div>
                    <div class="piece-header">
                      <div class="piece-num">
                        <span th:text="${yeyafa_piece_num}" id="yeyafa_piece_num"></span>
                        <span th:text="${yeyafa_device_name}" id="yeyafa_device_name"></span>
                      </div>
                      <div class="piece-time"><span th:text="${yeyafa_piece_time}" id="yeyafa_piece_time"></span></div>
                    </div>
                    <div class="piece-tableHeader">
                      <div class="testItem">测试项</div>
                      <div class="testResult">结果</div>
                    </div>
                    <div class="piece-container">
                      <dv-scroll-board :config="piece_3" style="width:90%;height:95%;" />
                    </div>
                  </div>
                </dv-border-box-5>
              </div>
            </div>
          </dv-border-box-10>
        </div>
      </div>
    </dv-border-box-11>
  </dv-full-screen-container>
</div>
<script th:inline="javascript">
  let intervalTime_page=[[${intervalTime}]];
  let activeTimeGap_page=[[${activeTimeGap}]];
  let waitTime_page=[[${waitTime}]];
</script>
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/ruoyi/js/ry-ui.js}"></script>
<script th:src="@{/js/large_screen/vue.js}"></script>
<script th:src="@{/js/large_screen/datav.map.vue.js}"></script>
<script th:src="@{/js/large_screen/aircraft.js}"></script>

</body>
</html>
